<template>
  <nav-bar v-if="$route.path !== '/user/account/login'&& $route.name !== 'register' "></nav-bar>
  <router-view/>
</template>
<script>
  import NavBar from './components/NavBar.vue'
  import "bootstrap/dist/css/bootstrap.min.css"
  import "bootstrap/dist/js/bootstrap"
   export default{
    components:{
      NavBar
    },
  }
</script>
<style>
    body{
      background:  url(./assets/images/bg.jfif);
      background-size:cover;
      background-position-y: -250px;
    }
    @media screen and (max-width: 480px) and (min-width: 360px)  {
      body{
        background:  url(./assets/images/xsbg1.jpeg);
        background-size:100%;
      }
    }
    @media screen and (max-height: 1200px) and (min-height: 920px){
      body{
        background:  url(./assets/images/bg.jfif);
        background-size:100%;
        background-position-y: -200px;
      }
    }
    @media screen and (max-height: 920px) and (min-height: 800px) {
      body{
        background:  url(./assets/images/xsbg1.jpeg);
        background-size:100%;
      }
    }
</style>
